<%@ include file="includes/head.jsp" %>
<%@ page import="com.ipt.frm.pw.Mensaje" %>
<%@ page import="com.ipt.frm.pw.TipoMensaje" %>
<%@ page import = "java.util.ResourceBundle" %> 
<% ResourceBundle resource = ResourceBundle.getBundle("messages.properties");

String message=resource.getString("Fichero.message");
Mensaje mensaje = new Mensaje(TipoMensaje.INFO, message);
%>

<%=mensaje %>

		<h1>Indice de Ejemplos</h1>

		<!-- Formulario para realizar peticion POST al Request de Info -->
		<form action="ficheros" enctype="multipart/form-data" method="post">
	
			<input type"text" name="nombre" placeholder="Escribe tu nombre"/></br>
			Fichero: <input type="file" name="fichero" id="fichero" onchange="fileSelect(event)"/></br> 
			<input type="submit" value="enviar" />
	
		</form>
		<input type="button" value="preview" id="prev" />
		
		<div id="modal" class="modal">
		
		</div>

			
		<a id="various3" href="ficherosServidor/CV_Jon_Ander_Romero.pdf">Iframe</a>

	</div><!-- id=content -->
	
	<script>
		$(document).ready(function() {
			/*$("#various3").fancybox({
				'width' : '75%',
				'height' : '75%',
				'autoScale' : false,
				'transitionIn' : 'none',
				'transitionOut' : 'none',
				'type' : 'iframe'
			});*/
			
			$modal = $('#modal');
			$content = $('#content');
			$('#prev').click( function() {
				$modal.removeClass('modal').addClass('modal_visible');
				$('body').addClass('dark');
			});
			
		});
		//function fileSelect(id, e){
		    //console.log(e.target.files[0].name);
		//}
	</script>

<%@ include file="includes/footer.jsp" %>